<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>广州云链科技有限公司</title>
  <meta name="description" content="广州云链科技有限公司">
  <meta name="keywords" content="广州云链科技有限公司,云链,云链科技">
  <link rel="shortcut icon" href="./favicon.ico">
  <link rel="stylesheet" href="./assets/css/index.css">
  <link rel="stylesheet" href="./assets/css/common.css">
  <link rel="stylesheet" href="./assets/css/animate.css">
  <link rel="stylesheet" href="../assets/css/header.css">
</head>

<body>
  <div id="cl-container">

    <!-- 头部 -->
    <div class="includePage" file="/common/header.html"></div>
    <!-- 头部end -->

    <!-- 顶部区域 -->
    <div class="cl_home">
      <video class="cl_video" autoplay loop muted poster="./assets/images/poster.png"
        style="width: 100%;height: 100%;object-fit: cover;">
        <source src="./assets/cluod_link.mp4" type="video/mp4">
      </video>

      <div class="cl_content_inner">
        <!-- 内容区域 -->
        <div class="cl_content">
          <h1>企业数字化互联网解决方案</h1>
          <h3>拥抱趋势享受数智时代的红利</h3>
          <a href="javascript:void(0)">
            联系我们了解更多 <img class="right_img" src="./assets/images/arrow-right.png" alt="">
          </a>
        </div>
        <!-- 内容区域end -->
      </div>

    </div>
    <!-- 顶部区域end -->

    <!-- 中间区域 -->
    <div class="cl_center">
      <div class="cl_c_item">
        <div class="wow fadeInUp">
          <p class="cl_title">云链致力于为客户提供专业互联网数字化服务和解决方案服务的提供商</p>
          <p class="cl_text">云链科技是一家创业型公司，核心团队成员均来自IBM、德勤等专业咨询公司</p>
          <p class="cl_text">核心成员平均15年以上的行业经验和丰富的信息资源，创业初期便取得了良好的成果</p>
          <p class="cl_text">以专业的能力、专业的态度服务行业客户</p>
          <a href="javascript:void(0)" class="cl_more">
            了解更多
            <img class="right_img" src="./assets/images/arrow-right.png" alt="">
          </a>
        </div>
        <div class="cl_num">
          <div class="cl_num_arr">
            <!-- 数字num滚动需要结合 js 库 设置 -->
            <div>
              <p id="CumulativeCustomers" class="num">0</p>
              <p class="text">累计客户</p>
            </div>
            <div>
              <p id='CumulativeItems' class="num">0</p>
              <p class="text">累计项目</p>
            </div>
            <div>
              <p id="NumberOfEnterprises" class="num">0</p>
              <p class="text">企业人数</p>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="cl_c_item">
        <div class="wow fadeInUp">
          <p class="cl_title">突破规模发展的瓶颈，赋能企业创新发展</p>
          <p class="cl_text">提供专业化IT咨询服务，为客户提供软件定制化开发服务</p>
          <p class="cl_text">提供数字化转型咨询与方案，帮助客户进行数字化转型方案设计</p>
        </div>
        <div class="cl_c_service">
          <div class="cl_c_service_item">
            <img class="wow bounceInLeft" src="./assets/images/server01.png" alt="">
            <h3 class="wow bounceIn">技术服务-个性化系统推荐方案</h3>
            <p class="wow bounceIn">个性化推荐是根据用户的兴趣点和购买行为 向用户
              推荐用户感兴趣的信息和商品</p>
          </div>
          <div class="cl_c_service_item">
            <img class="wow bounceIn" src="./assets/images/server02.png" alt="">
            <h3 class="wow bounceIn">咨询服务-企业数字化转型咨询</h3>
            <p class="wow bounceIn">个性化推荐是根据用户的兴趣点和购买行为 向用户
              推荐用户感兴趣的信息和商品</p>
          </div>
          <div class="cl_c_service_item">
            <img class="wow bounceInRight" src="./assets/images/server03.png" alt="">
            <h3 class="wow bounceIn">技人力服务-专家团队驻场开发</h3>
            <p class="wow bounceIn">个性化推荐是根据用户的兴趣点和购买行为 向用户
              推荐用户感兴趣的信息和商品</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 中间区域end -->

    <!-- 底部区域 -->
    <div class="cl_bottom">

      <!-- 服务 -->
      <div class="cl_b_servers">
        <h1>近十年数据智能服务</h1>
        <p class="text">基于数据智能技术优势及场景创新能力,以客户业务价 值为驱动,致力于敏捷创新和数据智能</p>
        <p class="text">服务,具备服务 闭环能力,实现企业数字化转型突破。</p>
        <div class="servers_tab">
          <ul>
            <li class="active wow fadeInUpBig" data-wow-delay="0s">
              <img src="./assets/images/icon/pills.png" alt="">
              <span>医药流通</span>
            </li>
            <li class="wow fadeInUpBig" data-wow-delay="0.2s">
              <img src="./assets/images/icon/outdoor.png" alt="">
              <span>文旅地产</span>
            </li>
            <li class="wow fadeInUpBig" data-wow-delay="0.4s">
              <img src="./assets/images/icon/shop.png" alt="">
              <span>智慧零售</span>
            </li>
            <li class="wow fadeInUpBig" data-wow-delay="0.6s">
              <img src="./assets/images/icon/peoples.png" alt="">
              <span>智慧人力</span>
            </li>
            <li class="wow fadeInUpBig" data-wow-delay="0.8s">
              <img src="./assets/images/icon/bank-card-one.png" alt="">
              <span>智慧财务</span>
            </li>
            <li class="wow fadeInUpBig" data-wow-delay="1s">
              <img src="./assets/images/icon/link-in.png" alt="">
              <span>智协供应链</span>
            </li>
            <li class="wow fadeInUpBig" data-wow-delay="1.2s">
              <img src="./assets/images/icon/terminal.png" alt="">
              <span>IT技术支撑平台</span>
            </li>
          </ul>
        </div>
        <div class="servers_tab_content">
          <ul>
            <li class="active fadeInUp animated">
              <h3>医药流通</h3>
              <p>基于数据智能技术优势及场景创新能力,以客户业务价值为驱动,致力于敏捷创新和数据智能服务,具备服务闭环能力,实现企业数字化转型突破。</p>
            </li>
            <li class="fadeInUp animated">
              <h3>文旅地产</h3>
              <p>从游客服务旅程出发，贴合实际文旅业务场景，整合5G、物联网、AR/VR、AI人工智能等新兴技术，结合互联网、移动终端设备，为客户提供更加便捷、人性化的游览体验。</p>
            </li>
            <li class="fadeInUp animated">
              <h3>智慧零售</h3>
              <p>全域营销和数据智能等多个业务应用场景，为客户提供全渠道销售、全域会员管理等多个行业解决方案。</p>
            </li>
            <li class="fadeInUp animated">
              <h3>智慧人力</h3>
              <p>结合人工智能和大数据的新技术，为传统的企业人力共享服务带来新的变革探索数字化人力资源管理的未来世界</p>
            </li>
            <li class="fadeInUp animated">
              <h3>智慧财务</h3>
              <p>为企业提供数字化财务服务、助力企业构建连接/融合/云端/智能的财务云平台，启动智能财务，创造全新价值</p>
            </li>
            <li class="fadeInUp animated">
              <h3>智协供应链</h3>
              <p>通过敏捷战略和智能工作流程，助力企业构建数字化供应链，积极应对公共卫生突发事件带来的全球挑战</p>
            </li>
            <li class="fadeInUp animated">
              <h3>IT技术支撑平台</h3>
              <p>云链咨询服务团队，长期与客户保持共同协作，积累了丰富的行业经验，可为客户提供专业的咨询服务，帮助企业聚焦商业变革中的关键问题，从市场洞察、发掘问题到解决方案开发，提供全链全栈的咨询服务，有效提升企业效率。
              </p>
            </li>
          </ul>
        </div>
      </div>

      <!-- 服务end -->

      <!-- 新闻中心 -->
      <div class="cl_b_news">
        <h1>新闻中心</h1>
        <div class="cl_b_news_content">
          <div class="news_left">
            <img src="./assets/images/news.png" alt="">
          </div>
          <div class="news_right">
            <ul>
              <li>
                <a href="javascript:void(0)">
                  <div class="item">
                    <div class="title">
                      <h2>年底收官 | 法本信息荣获 “2021年度最佳雇主企业”等三…</h2>
                      <p class="introduce">12月30日, 由中企联合CHIRO主办的 “第十六届中国雇主品牌年会暨 2021年终盛典” 在北京圆</p>
                    </div>
                    <div class="date">
                      12.31
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <div class="item">
                    <div class="title">
                      <h2>年底收官 | 法本信息荣获 “2021年度最佳雇主企业”等三…</h2>
                      <p class="introduce">12月30日, 由中企联合CHIRO主办的 “第十六届中国雇主品牌年会暨 2021年终盛典” 在北京圆</p>
                    </div>
                    <div class="date">
                      12.31
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <div class="item">
                    <div class="title">
                      <h2>年底收官 | 法本信息荣获 “2021年度最佳雇主企业”等三…</h2>
                      <p class="introduce">12月30日, 由中企联合CHIRO主办的 “第十六届中国雇主品牌年会暨 2021年终盛典” 在北京圆</p>
                    </div>
                    <div class="date">
                      12.31
                    </div>
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 新闻中心end -->

    </div>
    <!-- 底部区域end -->


    <!-- footer区域 -->

    <div class="includePage" file="/common/footer.html"></div>

    <!-- footer区域 end  -->

  </div>
</body>

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/countUp.js"></script>
<script src="./assets/js/wow.min.js"></script>
<script>
  $(function () {

    // 初始化监听滚动可视区域增加动画
    var wow = new WOW({
      boxClass: 'wow',
      animateClass: 'animated',
      offset: 100,
      mobile: true,
      live: true
    });
    wow.init();


    // 服务移入显示对应内容方法
    $(".servers_tab ul li").hover(function () {
      var idx = $(this).index(); //当前索引值
      $('.servers_tab_content ul li').eq(idx).addClass('active').siblings().removeClass('active')
      $(this).addClass('active').siblings().removeClass('active')
    });

    // 控制是否显示过数字动画
    let isCount = false

    // 监听滚动事件 用于执行数字动画
    $(window).scroll(function () {
      if (isCount) return
      var a = $(".cl_num").offset().top;
      if (a >= $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) {
        isCount = true
        // 累计客户
        new CountUp('CumulativeCustomers', 0, 1048).start();

        // 累计项目
        new CountUp('CumulativeItems', 0, 58).start();

        // 企业人数
        new CountUp('NumberOfEnterprises', 0, 358).start();
      }
    });



    // 动态引入公共的 头部 以及 footer页面
    $(".includePage").each(function () {
      if (!!$(this).attr("file")) {
        var $includeObj = $(this);
        $(this).load($(this).attr("file"), function (html) {
          // 设置当前的页面是那个   为了高亮显示当前tab   其他页面都会有一样的方法，只是设置的属性不一样
          $includeObj.find('.cl_header').attr('currtab', 'home')
          // $includeObj.after(html).remove();    //加载的文件内容写入到当前标签后面并移除当前标签
        })
      }
    });

  })
</script>

</html>